<template>
    <div>
      <el-header >
        <span>医院后台管理系统</span>
        <el-avatar  :size="40" :fit="fit" :src="url" style="float: right;margin-top:10px;margin-right:30px;margin-left:10px"></el-avatar>
        <el-link  @click="login" class="ha" target="_blank">退出登录</el-link><span style="float:right;font-size:15px;margin-right:10px">|</span>
        <router-link  :to="{path:'/admin_update_pwd'}"  class="ha" >修改密码</router-link>
      </el-header>
    </div>
</template>
<script>
export default {
  data(){
      return{
        fit: 'fill',
        url: 'https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg',
      }
    },
    methods:{

        login() {
            localStorage.removeItem('jwt')
            top.location.href="/login";
          }
    }
}
</script>
<style scoped>
 .el-header{
    background-color: #00a6a6;
    color: #333;
    text-align: left;
    line-height: 60px;
    font-size: 30px;
    color: white;
  }
  .ha{
   float: right; 
   font-size: 15px; 
   margin-right: 10px;
   color:aliceblue
  }
</style>
